<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
                <div class="fixed-table-toolbar">
                    <div class="columns pull-left">
                        <button shiro:hasPermission="system:userInner:add" type="button" class="btn  btn-primary"
                                onclick="addWithProjectId()">
                            <i class="fa fa-plus" aria-hidden="true"></i>添加
                        </button>
                        <button shiro:hasPermission="system:userInner:batchRemove" type="button" class="btn  btn-danger"
                                onclick="batchRemove()">
                            <i class="fa fa-trash" aria-hidden="true"></i>删除
                        </button>


                        <button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"
                                th:text="${projectDo.projectName}">
                            请选择项目
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu bg-info" style="background-color: #e5ffff;">
                            <li th:each="project : ${projects}"><a href="#"
                                   th:onclick="'javascript:catclick(\''+${project.projectId}+'\', \''+${project.projectName}+'\');'"
                                   >[[${project.projectId}]] . [[${project.projectName}]]</a>
                            </li>

                        </ul>
                        <input type="hidden" id="projectIdforchoose" value="-1" th:value="${projectDo.projectId}">
                    </div>

                    <div class="columns pull-right">
                        <button class="btn btn-success" onclick="reLoad()">查询</button>
                    </div>
                    <div class="columns pull-right col-md-2 nopadding">
                        <input id="searchName" type="text" class="form-control"
                               placeholder="可以模糊查询哦">
                    </div>
                </div>
                <table id="exampleTable" data-mobile-responsive="true">
                </table>
            </div>
        </div>
    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
<div>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_resetPwd_h = 'hidden';
    </script>
</div>
<div shiro:hasPermission="system:userInner:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</div>
<div shiro:hasPermission="system:userInner:remove">
    <script type="text/javascript">
        s_remove_h = '';
    </script>
</div>
<div shiro:hasPermission="system:userInner:resetPwd">
    <script type="text/javascript">
        s_resetPwd_h = '';
    </script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/appjs/system/userInner/userInner.js"></script>

<script type="text/javascript">

    function addWithProjectId(){

        add($("#projectIdforchoose").val());
    }

    function catclick(catId, catName) {

        $("#dropdownMenu1").text(catId+' . '+catName);
        var el = $('<span class="caret"></span>');

        $("#dropdownMenu1").append(el);
        $("#projectIdforchoose").val(catId);
        reLoad();

    }
</script>
</body>
</html>